博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6614 次
发布时间:2019-06-24

本文共 1985 字,大约阅读时间需要 6 分钟。

用url_for加载静态文件

  1. <script src="{
    { url_for('static',filename='js/login.js') }}"></script>
  2. flask 从static文件夹开始寻找
  3. 可用于加载css, js, image文件

继承和扩展

  1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
  2. 子模板继承父模板
    1.   {% extends 'base.html’ %}
  3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
    1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
    2. {% block head %}{% endblock %}
    3. {% block main %}{% endblock %}
  4. 子模板中写代码实现自己的需求。block
    1.   {% block title %}登录{% endblock %}

首页、登录页、注册页都按上述步骤改写

py

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def danghangye():    return render_template('danghangye.html')@app.route('/login/')def login():    return render_template('login.html')@app.route('/base/')def base():    return render_template('base.html')@app.route('/register/')def register():    return render_template('register.html')if __name__ == '__main__':    app.run(debug=True)

导航页

{% block head %}{% endblock %}    
{% block title %}{% endblock %}首页

登陆

{% extends'danghangye.html' %}{% block title %}欢迎来到登录界面,请登录{% endblock %}{% block head %}         
{% endblock %}{% block main %}

记住密码

   
{% endblock %}

注册

{% extends'danghangye.html' %}{% block title %} 欢迎来到注册界面{% endblock %}{% block head %}  {% endblock %}{% block main %}

用户名:

密码 :

密码 :

记住密码

   

中国标准时间

{% endblock %}

 

转载于:https://www.cnblogs.com/cyj5201314/p/7782054.html

你可能感兴趣的文章
MFC 的CLIST控件
查看>>
android92 aidl远程进程通信
查看>>
[Java IO]01_File类和RandomAccessFile类
查看>>
PDF.NET(PWMIS数据开发框架)之SQL-MAP目标和规范
查看>>
Hadoop HDFS概念学习系列之HDFS Master/Slave架构(十)
查看>>
Windows c++应用程序通用日志组件(组件及测试程序下载)
查看>>
Hadoop HDFS概念学习系列之HDFS升级和回滚机制(十二)
查看>>
jquery select操作大全
查看>>
C# GDI+ 简单绘图 (三)
查看>>
ExtJS 4.2 教程-02:bootstrap.js 工作方式
查看>>
ABP理论学习之MVC控制器(新增)
查看>>
现代软件工程 第五章 【团队和流程】练习与讨论
查看>>
Html-文档类型(DTD)和DOCTYPE
查看>>
Linux进程冻结技术【转】
查看>>
Solr与MySQL查询性能对比
查看>>
【转】好的用户界面-界面设计的一些技巧
查看>>
鼠标的当前位置
查看>>
无序hashset与hashmap让其有序
查看>>
[nRF51822] 3、 新年也来个总结——图解nRF51 SDK中的Button handling library和FIFO library...
查看>>
用Excel PS 汽车人标志
查看>>